/* 
    Document   : tinyMCECustomization.css
    Created on : Nov 3, 2011, 8:21:06 PM
    Author     : hishekha
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

span.mceEditor {
    position: relative;
}

span.mceEditor table.mceLayout {
    border-radius: 3px;
    margin:5px 0px;
}


span.mceEditor table.mceLayout td.mceToolbar {
    padding:5px;
}

span.mceEditor table.mceLayout td.mceToolbar table.mceToolbar td a.mceButton {
    background-image: -moz-linear-gradient(center bottom , #DDDDDD, #FFFFFF);
    border-color: #CCCCCC;
    height: 20px;
    margin: 1px;
    padding: 1px 2px;
    width: 20px;
}

span.mceEditor table.mceLayout td.mceToolbar table.mceToolbar td a.mceButton:hover {
    border-color: #999;
}

span.mceEditor table.mceLayout td.mceIframeContainer {
    background: url("../images/theme/bk_field.png") repeat-x scroll 0 0 transparent;
    padding-top:10px;
}

#tinymce{
    color:#333;
    font-family:inherit;
    font-size: inherit;
}